@media (max-height: 1080px) {
  .EmoticonListCover {
    max-width: 200px;
    z-index: 999;
    overflow: auto;
    position: absolute;
    left: 25%;
    top: 50%;
  }

  .EmoticonList {
    display: flex;

  }

  .PicItem {
    height: 50px;
    width: 50px;
  }

  .browBox {
    width: 56%;
    height: 200px;
    background: #e6e6e6;
    position: absolute;
    top: 55%;
    overflow: scroll;

    ul {
      display: flex;
      flex-wrap: wrap;
      padding: 5px;

      li {
        width: 10%;
        font-size: 26px;
        list-style: none;
        text-align: center;
      }
    }
  }

  .browBox::-webkit-scrollbar { /*滚动条整体样式*/
    width: 4px; /*高宽分别对应横竖滚动条的尺寸*/
    height: 4px;
    scrollbar-arrow-color: #dadada;
  }

  .browBox::-webkit-scrollbar-thumb { /*滚动条里面小方块*/
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: rgba(0, 0, 0, 0.2);
    scrollbar-arrow-color: #dadada;
  }

  .browBox::-webkit-scrollbar-track { /*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 0;
    background: rgba(0, 0, 0, 0.1);
  }

  /*----------------------消息部分控制-----------------------------*/
  /*A消息*/
  .atalk {
    min-height: 150px;
    height: auto;
    /*background-color: #fff;*/
    position: relative;
    display: block;

    > .data01 {
      position: absolute;
      top: 50%;
      right: 2%;
      transform: translateY(-50%);

      .dataAvater {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        background-color: #5D63C5;
        position: relative;

        .dataAvatarText {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
        }
      }
    }

    > .data02 {
      position: absolute;
      top: 50%;
      right: 10%;
      transform: translateY(-50%);
    }

    > .data02Messages {
      min-width: 100px;
      position: absolute;
      top: 62%;
      right: 10%;
      height: auto;

      .data02MessagesBox {
        /*min-height: 60px;*/
        min-height: 60px;
        height: auto;
        width: 100%;
        background-color: #5A65C1;
        border-radius: 10px;
      }
    }

  }

  .data02MessagesCHEHUI {
    min-width: 100px;
    height: auto;
    position: absolute;
    top: 62%;
    left: 50%;

    .data02MessagesBox {
      /*min-height: 60px;*/
      height: auto;
      width: 100%;
      /*background-color: #5A65C1;*/
      border-radius: 10px;
    }
  }

  /*A消息*/
  /*左侧B消息*/
  .btalk {
    min-height: 150px;
    height: auto;
    /*background-color: #fff;*/
    /*display: flex;*/
    position: relative;
    display: block;

    > .data01 {
      position: absolute;
      top: 50%;
      left: 2%;
      transform: translateY(-50%);

      .dataAvater {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        background-color: #5D63C5;
        position: relative;

        .dataAvatarText {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
        }
      }
    }

    > .data02 {
      position: absolute;
      top: 50%;
      left: 10%;
      transform: translateY(-50%);
    }

    > .data02Messages {
      min-width: 100px;
      position: absolute;
      top: 62%;
      left: 10%;

      .data02MessagesBox {
        /*height: 60px;*/
        min-height: 60px;
        height: auto;
        width: 100%;
        background-color: #5A65C1;
        border-radius: 10px;
      }
    }

  }

  .aTime {

  }

  .bTime {

  }

  /*----------------------消息部分控制-----------------------------*/
  .list-basic-list {
    &-content {
      font-size: 0;
    }

    &-content-item {
      display: inline-block;
      margin-left: 32px;
      color: #808695;
      font-size: 14px;
      vertical-align: middle;
    }
  }

  .weightbgcStatus {
    height: 180px;
    width: 300px;
    background-color: #ffffff;
    z-index: 10;
    //position: relative;
  }

  .normaltypebgc {
    background-color: #DADADA;
  }

  .emergencytypebgc {
    background-color: #dc4f4f!important;
  }

  .bluebgcStatus {
    height: 180px;
    width: 300px;
    background-color: #39A8BC;
    background-image: linear-gradient(to bottom, #39A8BC, #3B6ABC);
    /*推荐使用渐变色替换背景图片*/
    /*background: url('../assets/images/intercom/intercomBgc.png');*/
    z-index: 10;
    //position: relative;
  }

  /*   pocweightbgcStatus: 'pocweightbgcStatus',
      pocgreengcStatus: 'pocgreengcStatus',*/
  .pocweightbgcStatus {
    background-color: #ffffff;
  }

  .pocgreengcStatus {
    background-color: #44CC00;
  }

  .special_focus_toolTip {
    z-index: 7;
    position: absolute;
    display: none;
    /*min-width: 200px;*/
    min-height: 50px;
    max-width: 200px;
    word-break: normal;
    border-style: solid;
    transition: left 0.4s cubic-bezier(0.23, 1, 0.32, 1),
    top 0.4s cubic-bezier(0.23, 1, 0.32, 1);
    background-color: rgba(50, 50, 50, 0.701961);
    border-width: 0px;
    border-color: #333333;
    border-radius: 4px;
    color: #ffffff;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-stretch: normal;
    font-size: 14px;
    font-family: SourceHanSansCN;
    line-height: 21px;
    padding: 10px 10px;
    z-index: 9999;
    pointer-events: none;
  }
}
